import { useSelector, useDispatch } from 'react-redux';

export function useImageModal() {
  //  获取redux 图片显隐的状态
  const state = useSelector((state) => state.imageModal.showImageModal);
  const url = useSelector((state) => state.imageModal.url);
  // 修改状态要派发事件
  let $dispatch = useDispatch();
  // 具体派发事件
  const show = () => {
    $dispatch({
      // type为 reducer/方法名
      type: 'imageModal/show',
    });
  };
  const hide = () => {
    $dispatch({
      type: 'imageModal/hide',
    });
  };
  const setUrl = (url) => {
    $dispatch({
      type: 'imageModal/setUrl',
      url,
    });
  };
  return { state, url, show, hide, setUrl };
}
